<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>宠物查询系统-用户注册</title>
	<link rel="stylesheet" href="static/public/bootstrap/css/bootstrap3.3.7.css">  
	<link rel="stylesheet" href="static/userlogin/css/userlogin.css">  
	<script src="static/public/jquery/jquery.min.js"></script>
	<script src="static/public/bootstrap/js/bootstrap3.3.7.min.js"></script>
</head>
<!-- 背景渐变部分 -->
<script src="static/public/jquery/jquery-2.1.1.min.js"></script>
<script src="static/public/jquery/jquery.gradientify.min.js"></script>
<script src="static/userlogin/js/userlogin.js"></script>
<!-- 表单部分 -->
<body id="body1">
	<div class="login-container">
<h1 align="center"><span class="title-set-gra">宠物查询系统</span>-用户注册</h1>
<div align="center" style="color: red;">{{msg}}</div>
 <form class="form-horizontal" role="form" method="post" action="register"><!-- userlogin -->
	<div class="form-group">
		<label for="uname" class="col-sm-2 control-label" style="color: rgb(0,0,0,0.3)">用户名</label>
		<div class="col-sm-10">
			<input type="text" class="form-control person-circle" name="uname" id="uname" placeholder="请输入用户名" value="{{request.values.get('uname','')}}">
		</div>	
	</div>
	
	<div class="form-group">
		<label for="password" class="col-sm-2 control-label" style="color: rgb(0,0,0,0.3)">密码</label>
		<div class="col-sm-10">
			<input type="password" class="form-control shield-fill" name="password" id="password" placeholder="请输入密码" value="{{request.values.get('password ','')}}">
		</div>
	</div>
	
	<!-- 这里是验证码图片部分 -->
	<div class="form-group">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<img id="verifycode" src="/verifycode/?" alt="CheckCode" >
&nbsp;&nbsp;&nbsp;	
			<span id="verifycodeChange">看不清换一张</span>
	</div>
	<!-- 输入验证码部分 -->
	<div class="form-group">
		<label for="password" class="col-sm-2 control-label" style="color: rgb(0,0,0,0.3)">验证码</label>
		<div class="col-sm-10">
			<input type="text" class="form-control shield-fill" name="verifycode" id="verifycode" placeholder="请输入验证码" value="{{request.values.get('verifycode ','')}}">
		</div>
	</div>
	
	<div class="form-group">
		<div class="col-sm-2">
			<input type="hidden" >
		</div>
	   <button type="submit" class="btn btn-default btn-login">注册</button>
	   <button type="reset" class="btn btn-default btn-login">重置</button>
	</div>
	
    <div class="form-group">
	   <div class="col-sm-2">
		  <input type="hidden" >
	   </div>
	   <a href="login"><span style="font-size:15px;">已有账号,直接登录</span></a>
	
	</div>
	
    
</form>

</div>
<script>
			$(function(){
				$("#verifycodeChange").css("cursor","pointer").click(function(){
					$("#verifycode").attr("src",$("#verifycode").attr("src")+1)
				})
			})
			
		</script>

</body>
</html>